<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>单聊</title>
    <link href="../../../css/mui.min.css" rel="stylesheet"/>
    <!--全局css-->
    <link href="../../../css/g.css" rel="stylesheet">
    <!--每个文件对应一个css-->
    <link rel="stylesheet" href="singleChat.css"/>
    <script>
        document.documentElement.style.fontSize = window.innerWidth / 7.5 + 'px';
    </script>
</head>
<body>
    <header class="mui-bar mui-bar-nav">
        <button class="rightMargin mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-right">
            <a class="mui-icon mui-icon-more mui-icon-left-nav mui-pull-right"></a>
        </button>
        <button class="mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left mui-action-back">
            <span class="mui-icon mui-icon-left-nav"></span>
            阿曼
        </button>
    </header>
    <div class="mui-content" id="chat_content" onclick="chat_content();">
        <ul id="chat_message">
        	<!--<li class="mySend">-->
        		<!--<div class="mySend_left">-->
        			<!--<p class="mySend_say">hi,欢迎您~</p>-->
        		<!--</div>-->
				<!--<div class="mySend_right">-->
					<!--<img src="../../../img/personal/imgSmall.png" alt="" height="40" width="40"/>-->
				<!--</div>-->
        	<!--</li>-->
        	<!--<li class="otherSend">-->
                <!--<div class="otherSend_right">-->
                    <!--<img src="../../../img/msg/u12-2.png" alt="" height="40" width="40"/>-->
                <!--</div>-->
                <!--<div class="otherSend_left">-->
                    <!--<div class="otherSend_say">-->
                        <!--<span>你好~</span>-->
                        <!--<img src='../web-im/test/res/images/faces/ee_2.png' height='25' width='25'/>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</li>-->
        </ul>
    </div>

    

    <footer id="footer">
        <!-- 表情按钮 -->
        <div class="footer-left" id="chatFace" onclick="group_face();">
            <div class="face_simple"></div>
        </div>
        <!-- 内容 -->
        <div class="footer-center">
            <textarea id='msg-text' type="text" class='input-text' oninput="content_val(event);" onclick="content_click();"></textarea>
            <button id='msg-sound' type="button" class='input-sound hide'>按住说话</button>
        </div>
        <!-- 发送按钮 -->
        <label for="" class="footer-right" id="send" >
            <i id='msg-type' class="mui-icon mui-icon-mic" onclick="send_text_voice();"></i>
            <i id='compose' class="mui-icon mui-icon-compose hide" onclick="send_text_voice();"></i>
        </label>
        <!-- add按钮 -->
        <label for="" class="footer-right-add" id="chatAdd" >
            <i class="mui-icon mui-icon-plus" style="font-size: 0.5rem;" onclick="group_pic_position();"></i>
        </label>
    </footer>

	<!-- 表情包 -->
    <div id="faceContent"></div>
    <!-- 发图片、位置 -->
    <div id="chat_group">
        <ul class="mui-table-view mui-grid-view mui-grid-9">
            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-4">
                <a href="#">
                    <span>
                        <img src="../../../img/msg/u103.png" alt="" height="40" width="40">
                    </span>
                    <div class="mui-media-body">语音电话</div>
                </a>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-4">
                <a href="#">
                    <span>
                        <img src="../../../img/msg/u104.png" alt="" height="40" width="40">
                    </span>
                    <div class="mui-media-body">视频电话</div>
                </a>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-4">
                <a href="#" id="single_pic" onclick="single_pic();">
                    <span>
                        <img src="../../../img/msg/u101.png" alt="" height="40" width="40">
                    </span>
                    <div class="mui-media-body">图片</div>
                </a>
                <input name="singleImage" type="file" id="singleImage" class="hide" onchange="sendPrivateImg('singleChat');">
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-4">
                <a href="#">
                    <span>
                        <img src="../../../img/msg/u102.png" alt="" height="40" width="40">
                    </span>

                    <div class="mui-media-body">位置</div>
                </a>
            </li>
        </ul>
    </div>
    <!-- 语音 -->
    <div id='sound-alert' class="rprogress">
        <div class="rschedule"></div>
        <div class="r-sigh">!</div>
        <div id="audio_tips" class="rsalert">手指上滑，取消发送</div>
    </div>
    <input name="singleAudio" type="file" id="singleAudio" class="hide" onchange="sendPrivateAudio('singleChat',this)" value="_doc/audio/1492671348390.amr">

    <script src="../../../js/mui.min.js"></script>
    <script src="../../../js/mui.imageViewer.js"></script>
    <script src="../../../js/arttmpl.js"></script>

    <!--有用到再引用-->
    <!--接口-->
    <script src="../../../js/base.js"></script>
    <!--模板-->
    <script src="../../../js/laytpl.js"></script>
    <!--常用方法 dom操作用原生或mui-->
    <script src="../../../js/mq.js"></script>

    <!-- 环信 -->
    <script type='text/javascript' src='../web-im/test/res/js/sha1.js'></script>
    <script type='text/javascript' src='../web-im/test/res/js/webim.config.js'></script>
	<script type='text/javascript' src='../web-im/test/res/js/strophe-1.2.8.min.js'></script>
	<script type='text/javascript' src='../web-im/test/res/js/websdk-1.4.10.min.js'></script>
	<script type='text/javascript' src='../web-im/test/res/js/hx_api.js'></script>
    <script src="singleChat.js"></script>
</body>
</html>